<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>选择器</title>
    <link rel="stylesheet" href="./导航栏.css">
    <style>
    .weilei{
        font-size: 55px;
    }
    .weilei a:link{
        color: black; /*链接未被访问*/
    }
    .weilei a:visited{
        color: brown; /*链接被访问过后*/
    }
    .weilei a:hover{
        color: blueviolet; /*链接被鼠标悬停*/
    }
    .weilei a:active{
        color: yellow;/*链接被激活（鼠标按下不抬起时)*/
    }
    .diyi{
        font-size: 55px;
        background-color: green;
    }
    .a{
        background-color: blue;
    }
    #b{
        background-color: blueviolet;
    }
    </style> 
</head>
<body>
    <div class="tou">
        <header>
            <ul>
                <li><a href="../首页.html">首页</a></li>
                <li><a href="./盒子.html">盒子</a></li>
                <li><a href="./奖状.html">奖状</a></li>
                <li><a href="./选择器.html">选择器</a></li>
                <li><a href="./五星图.html">五星图</a></li>
                <li><a href="./精灵图.html">精灵图</a></li>
                <li><a href="./背景图.html">背景图</a></li>
                <li><a href="./渐变图.html">渐变图</a></li>
                <li><a href="./格式化文本1.html">格式化文本1</a></li>
                <li><a href="./格式化文本2.html">格式化文本2</a></li>
            </ul>
        </header>
    </div>
    <div class="weilei">
        <a href="./空白测试.html">伪类选择器（码云仓库详情看代码）</a>
    </div>
    <div class="diyi">
        <div class="a">不想打文字了</div>
        <div id="b">真的累死了</div>
        <div>大哥大姐们放过我吧</div>
    </div>
</body>
</html>